<template>
  <div class="home">
    <home-nav-bar/>
    <div class="banner">
      <img src="@/assets/img/home/banner.webp" alt="">
    </div>
    <HomeSearchBox />
    <HomeCategoriesVue />
    <HomeSearchBar style="margin:auto;"/>
    <HomeContent />
  </div>
</template>

<script setup>
import HomeNavBar from './cpns/home-nav-bar.vue'
import HomeSearchBox from './cpns/home-search-box.vue'
import HomeCategoriesVue from './cpns/home-categories.vue'
import HomeContent from './cpns/home-content.vue'
import HomeSearchBar from '@/components/search-bar/search-bar.vue'




</script>

<style lang="less" scoped>
.banner {
  img {
    width: 100%;
  }
}

</style>
